<template>
  <div class="daily-recommendation yu-bgColor-tew-only flex flex-col justify-between cursor-pointer" @click="jumpEveryDay">
    <div class="flex flex-1 items-center flex-col font-bold">
      <div class="w-full yu-bgColor-one-only h-10 justify-center text-2xl  flex items-center">{{ timestampToYMD(new Date(), 'd') }}</div>
      <div class="text-center text-8xl flex flex-1 flex-col justify-center">{{ timestampToYMD(new Date(), 'D') }}</div>
    </div>
    <div class="pt-1 yu-bgColor-one-only yu-textColor-hover text-center flex justify-around flex-col" :class="store.isFlag ? 'h-10' : '' ">每日歌曲推荐</div>
  </div>
</template>

<script setup>
import { timestampToYMD } from '@/utils/index'
import {useStore} from "@/store/index";
import {useRouter} from "vue-router";

const store = useStore()
const router = useRouter()


// 跳转到每日歌单
const jumpEveryDay = () => {
  router.push({
    path: '/everyday-playlist'
  })
}

</script>

<style scoped lang="scss">

</style>
